<template>
  <div class="px-4">
    <view class="grid grid-cols-4 place-items-center p-3 bg-white rounded-lg">
      <view class="flex flex-col gap-2" @click="sheep.$router.go('/pages/yy/storeInfo')">
        <image src="/static/13254473660.png" class="w-[3rem] h-[3rem] bg-gray-50" mode="scaleToFill" />
        <view class="text-[.8125rem] text-[#2B4166]">基本概况</view>
      </view>
      <view class="flex flex-col gap-2" @click="showShareModal">
        <image src="/static/17027983710.png" class="w-[3rem] h-[3rem] bg-gray-50" mode="scaleToFill" />
        <view class="text-[.8125rem] text-[#2B4166]">我要分享</view>
      </view>
      <view class="flex flex-col gap-2" @click="sheep.$router.go('/pages/yy/storeApply')">
        <image src="/static/13825094840.png" class="w-[3rem] h-[3rem] bg-gray-50" mode="scaleToFill" />
        <view class="text-[.8125rem] text-[#2B4166]">我要开店</view>
      </view>
      <!-- @click="sheep.$router.go('/pages/chat/index')" -->
      <view class="flex flex-col gap-2">
        <image src="/static/13871299578.png" class="w-[3rem] h-[3rem] bg-gray-50" mode="scaleToFill" />
        <view class="text-[.8125rem] text-[#2B4166]">联系客服</view>
      </view>
    </view>
  </div>
</template>

<script setup>
  import { showShareModal } from '@/sheep/hooks/useModal';
  import sheep from '@/sheep';
  import $share from '@/sheep/platform/share';
</script>

<style lang="scss" scoped></style>
